import { useState } from "react";
import AddTodo from "./AddTodo";
import TodoItem from "./TodoItem";
import classs from './TodoList.module.scss'
// 父组件
const TodoListDemo = () => {
    const [todoList, setTodoList] = useState([
     {
       title: '今天的作业很简单-要完成todo',
       level: '1'
     }
      ])
      
  const updateTodoList = (item) => {
    let nTodoList = [...todoList]
    nTodoList.unshift(item)
    setTodoList(nTodoList)
  }
 
  const setTodo = (arr) => {
    setTodoList(arr)
  }
  
    return (<div className={classs.todoList}>
    {/* 添加todo */}
     <AddTodo updateTodoList={updateTodoList} />
     {/*  */}
     <TodoItem todoList={todoList} setTodo={setTodo} />
    </div>);
}
 
export default TodoListDemo;